<template>
  <div id="app">
   <p><x-Button type="blue">按键</x-Button></p>

   <p><x-Swich v-model="active"></x-Swich></p>

   <p><x-Radio laber="0"  v-model="gender">男</x-Radio>
     <x-Radio laber="1"  v-model="gender">女</x-Radio></p>

    <p><x-Input type="password"></x-Input></p>
       
     <p><x-CheckboxGroup v-model="hobyy">
        <x-Checkbox label="喝酒"></x-Checkbox>
        <x-Checkbox label="抽烟"></x-Checkbox>
        <x-Checkbox label="烫头"></x-Checkbox>
       </x-CheckboxGroup></p>

    <p><x-Button type="blue" @click="disabled=true">按键</x-Button></p>
    <x-Diaing :disabled="disabled" @click="add">
      这是对话框
        <template v-slot:footer>
          <x-Button @click="disabled=false">取消</x-Button>
          <x-Button type="blue" @click="disabled=false">确定</x-Button>
      </template>
    </x-Diaing>

  </div>
</template>
<script>
export default {
  data(){
    return{
      set:false,
      active:'',
     gender:'1',
     hobyy:['喝酒','抽烟','烫头'],
     disabled:false,
   
    }
  },
  methods:{
    add(val){
      this.disabled=val
    }
  }
}
</script>
<style>
</style>
